
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no" />
    <title>银行卡列表</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/common.css" />
    <style>
        body{
            font-size: 14px;
        }
        header.aui-bar{
            background: #fff;
        }
        .aui-title{
            color:#000;
        }
        .aui-nav .aui-bar-tab .active .aui-iconfont, .aui-nav .aui-bar-tab .active p{
            color:#327afa !important;
        }
        .active{
            color:#327afa !important;
        }
        .aui-tab-nav li.active {
            color: #327afa;
            border-bottom: 2px #327afa solid;
        }
        .aui-bar .aui-iconfont{
            color:#000;
        }
        .walletInfo{
            position: relative;
            width: 100%;
            overflow: hidden;
            background: #f67b86;
            text-align: left;
            padding:0 0 15px 15px;
        }
        .walletInfo p{
            font-size: 28px;
            color: #fff;
            line-height: 28px;
        }
        .tixianBtn{
            color: #fff;
            border:1px solid #fff;
            display: inline-block;
            padding:12px 22px;
            position: absolute;
            right: 15px;
            top:25px;
            line-height: 12px;
            border-radius: 5px;
        }

        .menuRgiht{
            color: #4c4c4c;
        }
        footer{
            width: 100%;
            position: fixed;
            bottom: 0;
        }
    </style>
</head>
<body>
<header class="aui-bar aui-bar-nav aui-border-b">
    <div class="aui-pull-left aui-iconfont aui-icon-left icon-left-coler" tapmode onclick="closeWin()"></div>
    <div class="aui-title">
        银行卡列表
    </div>


</header>
<div class=" contain">
    <ul class="aui-list-view">
        <li class="aui-list-view-cell" tapmode onclick="openToTwo('perRenzheng')">

                4411111111111585225
                <span class="menuRgiht">工商</span>
            </a>
        </li>
        <li class="aui-list-view-cell" tapmode onclick="openToTwo('perRenzheng')">

                4411111111111585225
                <span class="menuRgiht">工商</span>

        </li>
        <li class="aui-list-view-cell" tapmode onclick="openToTwo('perRenzheng')">

                4411111111111585225
                <span class="menuRgiht">工商</span>

        </li>
        <li class="aui-list-view-cell" tapmode onclick="openToTwo('perRenzheng')">
                4411111111111585225
                <span class="menuRgiht">工商</span>

        </li>
    </ul>
</div>
<footer>
    <div class="myBtn" onclick="openToTwo('addCard')">添加银行卡</div>
</footer>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/jquery-1.11.3.js"></script>
<script type="text/javascript">

    //为了在下面的热门类别可以通用，单独出来
    function changeCheck(obj){
        $(obj).parent().find("li").removeClass("active");
        $(obj).addClass("active");
        var type=$(obj).attr("data-type");
        api.execScript({
            frameName:"wallet_frm",
            script:"changeContent('"+type+"')"
        })
    }
</script>
</html>
